<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="../common/css/base.css">
	<link rel="stylesheet" href="../common/iconfont/iconfont.css">
	<style>
	input, select { color: #999; padding-left: 5px; vertical-align: middle; }
	button { background-color: #ffffff; border-radius: 3px; border-width: 1px; cursor: pointer; padding: 0 8px; }
	table { border-collapse: collapse; }
	table { border-spacing: 0; }
	.head { background-color: #0ca4ff; clear: both; color: #ffffff; display: block; height: 80px; padding: 0 5%; }
	.head img, .head h2{ float: left; }
	.head h1 { font-size: 20px; font-weight: 500; line-height: 80px; }
	.left-nav { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; display: block; float: left; height: 100%; margin-left: 5px; width: 210px; }
	.left-nav h2 { background-color: #fbfbfb; border-top: 1px solid #e8e8e8; color: #333333; font-size: 16px; line-height: 50px; margin-top: 10px; padding: 0 27px; }
	.left-nav p { border-bottom: 1px solid #e8e8e8; color: #232323; cursor: pointer; font-size: 14px; line-height: 50px; padding-left: 27px; }
	.left-nav p.choose { border-left: 5px solid #24b979; }
	.content { border: 1px solid #f0f0f0; display: block; margin-left: 230px; margin-right: 0.3%; }
	.content > top { border-bottom: 1px solid #e9e9e9; float: left; width: 100%; }
	.content top h1 { border-left: 3px solid #24b979; color: #333333; float: left; font-size: 15px; line-height: 1.5em; margin-left: 20px; margin-top: 10px; padding-left: 8px; }
	.content top crumbs { float: right; line-height: 3.5em; margin-right: 20px; }
	.content top crumbs blue { color: #0ca4ff; }
	.content search { background-color: #fafafa; border-bottom: 1px solid #e9e9e9; clear: both; display: inline-block; padding: 5px 1%; width: 98%; }
	search text { font-size: 14px; margin-right: 10px; }
	.content search input { border: 1px solid #e9e9e9; height: 27px; line-height: 27px; margin-right: 20px; width: 250px; }
	.button_blue { background-color: #0ca4ff; border: medium none; border-radius: 2px; color: #ffffff; }
	.button_green { background-color: #00ce13; border: medium none; border-radius: 2px; color: #ffffff; }
	button { margin-right: 20px; }
	search .button_blue, search .button_green { border-radius: 2px; font-size: 14px; padding: 2px 10px 5px; }
	search .button_blue, search .button_green { border-radius: 2px; font-size: 14px; padding: 2px 10px 5px; }
	.content bottom { clear: both; display: inline-block; width: 100%; }
	table.form1 thead tr { border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; height: 35px; text-align: center; }
	table.form1 thead tr th { border-right: 1px solid #e8e8e8; color: #353535; text-align: center; }
	table.form1 tbody tr { border-bottom: 1px solid #f7f7f7; }
	table.form1 tbody tr:nth-of-type(2n+1) { background-color: #fcfcfc; }
	table.form1 tbody tr td { border-right: 1px solid #e8e8e8; color: #666565; padding: 8px 15px; }
	table.form1 tbody tr { border-bottom: 1px solid #f7f7f7; }
	table.form1 tbody tr.last td:first-child { margin-left: 10px; padding-left: 47px; }
	table.form1 tbody tr.last td span { line-height: 1.5em; margin-right: 30px; }
	sysconf content button { margin-right: 20px; }
	.button_dashed_orange { border-color: #f39700; border-style: dashed; color: #f39700; height: 25px; line-height: 22px; }
	.button_dashed_blue { border-color: #0ca4ff; border-style: dashed; color: #0ca4ff; height: 25px; line-height: 22px; }
	</style>
</head>
<body>
	<div class="head">
		<img src="../../images/util/logo_subheader.png" height="80" width="208"><h1>系统管理</h1>
	</div>
	<div class="main">
		<div class="left-nav">
			
			<h2>系统管理</h2>
			<p>
			  <prefix></prefix>
			  用户管理
			  <suffix></suffix>
			</p>
			<p class="choose">
			  <prefix></prefix>
			  角色管理
			  <suffix></suffix> 
			</p>
		</div>
		<div class="content" style="height: 553px;">
		  	<top>
		    <h1>角色管理
		       
		    </h1>
		    <crumbs>您当前位置：用户管理 -&gt;
		      <blue>角色管理 </blue>
		    </crumbs>
		  </top>
		   
		<search>
		    <text>角色名称:</text><input width="200" type="text" placeholder="输入角色名称">
		    <button class="button_blue">查询</button>
		     <button class="button_green">新 增</button>
		      </search>
		    
		    <bottom> 
		          <table width="100%" cellspacing="0" cellpadding="0" border="0" height="100%" class="form1">
		        <thead>
		          <tr>
		            <th width="10%"><input type="checkbox"></th>
		            <th width="17%">角色编码</th>
		            <th width="20%">角色名称</th>
		            <th width="20%">角色创建人</th>
		             <th width="17%">属性创建时间</th>
		            <th width="17%">操作</th>
		            
		        </tr></thead>
		        <tbody>
		          <tr>
		            <td align="center"><input type="checkbox"></td>
		            <td>01020312</td>
		            <td>角色1</td>
		            <td>张新福 </td>
		            <td align="center">2015/07/20 15:02:05</td>
		            <td align="center"><button class="button_dashed_orange">编辑</button>
		              <button class="button_dashed_blue">删除</button></td>
		          </tr>
		          <tr class="last">
		            <td align="left" colspan="5">  <span><input type="checkbox">
		              &nbsp;全选</span>
		            <span><icon class="delete"></icon> <blue>删除</blue></span> </td>
		            <td></td>
		          </tr>
		        </tbody>
		      </table>

		      
		   
		   
		  	
		  </bottom>
		</content>
	</div>
</body>
</html>